Page({
    data: {
      article: {}, // 文章详情数据
      relatedArticles: [], // 相关推荐文章
      currentSwiper: 0, // 当前轮播图索引
      isLiked: false, // 是否已点赞
      isCollected: false // 是否已收藏
    },
  
    onLoad(options) {
      // 从页面跳转参数中获取文章ID
    //   const articleId = options.id;
    //   if (articleId) {
        this.fetchArticleDetail(1);
        this.fetchRelatedArticles(1);
    //   }
    },
  
    /**
     * 从数据库获取文章详情
     * @param {string} articleId - 文章ID
     */
    /**
   * 从数据库获取文章详情
   */
  fetchArticleDetail(articleId) {
    wx.showLoading({ title: '加载中...' });
    
    // 模拟API请求
    setTimeout(() => {
      const mockArticle = {
        id: articleId,
        title: '种植牙的寿命有多长？如何延长种植牙的使用寿命？',
        // 模拟带换行符的文章内容
        content: '种植牙是目前修复缺失牙的最佳方式之一，但其寿命受多种因素影响。\n\n① 口腔卫生：每日早晚刷牙、使用牙线清洁种植体周围，可有效延长寿命；\n② 定期复查：建议每半年到一年进行一次专业口腔检查；\n③ 饮食习惯：避免咬硬物，减少种植体受力损伤。\n\n种植牙的寿命通常在10年以上，维护得当甚至可以终身使用。',
        images: [
          '/assets/images/my/avatar.jpg',
          '/assets/images/my/avatar.jpg'
        ],
        tags: ['种植牙', '牙齿健康', '口腔护理'],
        publishTime: '2025-05-20',
        readCount: '1.2w',
        likeCount: 126,
        collectCount: 89,
        author: {
          id: 'author1',
          name: '牙齿健康专家',
          avatar: '/assets/images/my/avatar.jpg'
        }
      };

      // 关键步骤：在JS中分割字符串，并将结果存入data
      const contentLines = mockArticle.content.split('\n');

      this.setData({
        article: mockArticle,
        articleContentLines: contentLines, // 将分割后的数组赋值
        isLiked: wx.getStorageSync(`liked_${articleId}`) || false,
        isCollected: wx.getStorageSync(`collected_${articleId}`) || false
      });

      wx.hideLoading();
    }, 1000);
  },
  
    /**
     * 获取相关推荐文章
     * @param {string} articleId - 当前文章ID
     */
    fetchRelatedArticles(articleId) {
      // 模拟API请求
      setTimeout(() => {
        const mockRelatedArticles = [
          {
            id: 'article2',
            title: '牙齿美白的常见误区，你中招了吗？',
            coverImage: '/assets/images/my/avatar.jpg',
            author: { name: '牙科医生李' },
            publishTime: '2025-05-18'
          },
          {
            id: 'article3',
            title: '儿童龋齿预防指南，家长必看！',
            coverImage: '/assets/images/my/avatar.jpg',
            author: { name: '儿童牙科专家' },
            publishTime: '2025-05-15'
          },
          {
            id: 'article4',
            title: '牙套矫正需要多久？不同矫正方式对比',
            coverImage: '/assets/images/my/avatar.jpg',
            author: { name: '正畸医生张' },
            publishTime: '2025-05-10'
          }
        ];
  
        this.setData({
          relatedArticles: mockRelatedArticles
        });
      }, 1200);
    },
  
    // 返回上一页
    goBack() {
      wx.navigateBack();
    },
  
    // 分享功能
    openShare() {
      wx.showShareMenu({
        withShareTicket: true,
        menus: ['shareAppMessage', 'shareTimeline']
      });
    },
  
    // 点赞文章
    likeArticle() {
      const { article, isLiked } = this.data;
      const newLikeCount = isLiked ? article.likeCount - 1 : article.likeCount + 1;
  
      this.setData({
        isLiked: !isLiked,
        'article.likeCount': newLikeCount
      });
  
      // 保存点赞状态到本地存储（实际项目中同步到数据库）
      wx.setStorageSync(`liked_${article.id}`, !isLiked);
  
      // 模拟点赞请求（实际项目中调用接口）
      wx.request({
        url: '/api/article/like',
        method: 'POST',
        data: { articleId: article.id, isLike: !isLiked },
        success: (res) => {
          if (res.data.code !== 200) {
            // 接口失败时回滚状态
            this.setData({
              isLiked: isLiked,
              'article.likeCount': article.likeCount
            });
            wx.showToast({ title: '点赞失败', icon: 'none' });
          }
        }
      });
    },
  
    // 收藏文章
    collectArticle() {
      const { article, isCollected } = this.data;
      const newCollectCount = isCollected ? article.collectCount - 1 : article.collectCount + 1;
  
      this.setData({
        isCollected: !isCollected,
        'article.collectCount': newCollectCount
      });
  
      // 保存收藏状态到本地存储（实际项目中同步到数据库）
      wx.setStorageSync(`collected_${article.id}`, !isCollected);
  
      // 模拟收藏请求
      wx.request({
        url: '/api/article/collect',
        method: 'POST',
        data: { articleId: article.id, isCollect: !isCollected },
        success: (res) => {
          if (res.data.code !== 200) {
            // 接口失败时回滚状态
            this.setData({
              isCollected: isCollected,
              'article.collectCount': article.collectCount
            });
            wx.showToast({ title: '收藏失败', icon: 'none' });
          } else {
            wx.showToast({ title: isCollected ? '取消收藏' : '收藏成功' });
          }
        }
      });
    },
  
    // 复制文章链接
    copyLink() {
      const { article } = this.data;
      const link = `https://yourdomain.com/article/${article.id}`; // 实际链接
  
      wx.setClipboardData({
        data: link,
        success: () => {
          wx.showToast({ title: '链接已复制' });
        }
      });
    },
  
    // 跳转到标签页面
    goTagPage(e) {
      const tag = e.currentTarget.dataset.tag;
      wx.navigateTo({
        url: `/pages/tag-detail/tag-detail?tag=${encodeURIComponent(tag)}`
      });
    },
  
    // 跳转到文章详情页
    // goToDetail(e) {
    //   const articleId = e.currentTarget.dataset.id;
    //   wx.navigateTo({
    //     url: `/pages/health-detail/health-detail?id=${articleId}`
    //   });
    // },
  
    // 轮播图切换事件
    swiperChange(e) {
      this.setData({
        currentSwiper: e.detail.current
      });
    }
  });